在看任何跟邊界有關的 CSS 時都應該會看過這張圖,這張圖代表著 HTML 內的每個元素的邊界設定。
很多人在初學網頁的時候都會 margin 、 padding 傻傻分不清,兩者的作用都是負責調整邊界的間距,到底兩個差別在哪裡呢?以及 border 與 box-sizing 之間又有什麼關係呢?今天先講margin和padding
margin 是負責調整 元素與元素 之間的邊界間距,屬於元素外部的邊界調整。
也可將也可以將上述的屬性合併寫成 margin ,但要注意方向性, margin 寫法可以參考下面
padding 是負責調整 元素內所有內容與元素自身 的邊界間距,屬於元素內部的邊界調整。
也可將也可以將上述的屬性合併寫成 padding ,但一樣要注意方向性, padding 寫法可以參考下面